import Vue from 'vue'
import Router from 'vue-router'
import Demo from '@/pages/demo.vue'
import Demo2 from '@/pages/demo2.vue'
import Demo3 from '@/pages/demo3.vue'
import Demo4 from '@/pages/demo4.vue'
import Demo5 from '@/pages/demo5.vue'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'Index',
      component: ()=>import('@/pages/index.vue')
    },
    {
      path: '/one',
      name: 'Demo',
      component:  ()=>import('@/pages/demo.vue')
    },
    {
      path: '/two',
      name: 'Demo2',
      component: Demo2
    },
    {
      path: '/three',
      name: 'Demo3',
      component: Demo3
    },
    {
      path: '/four',
      name: 'Demo4',
      component: Demo4
    },
    {
      path: '/five',
      name: 'Demo5',
      component: Demo5
    }
  ]
})
